<template>
  <div>
    <h1>Home</h1>
  </div>
</template>

<script>
export default {
  name: "Home",
  beforeCreate() {
    console.log('---beforeCreate---')
  },
  created(){
    console.log('---created---');
  },
  beforeMount(){
    console.log('---beforeMount---')
  },
  mounted(){
    console.log('---mounted---')
  },
  beforeUpdate(){
    console.log('---beforeUpdate---')
  },
  updated(){
    console.log('---updated---')
  },
  beforeDestroy() {
    console.log("---beforeDestroy----");
  },
  destroyed() {
    console.log("---destroyed----");
  },
};
</script>

<style>
</style>